.YP-LOGIN{
	border:0; 
	margin:0; 
	width:528px;
	height: 563px;
	width: 680px;
	height: 626px;
	width: 	995px;
	height: 658px;
	position: fixed;
	top:0px; 
	z-index:1000; 
	display: none;
	left:50%;
	margin-left:-484px;
	
}
.YP-OVERLAY{
	position: fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index: 999;
	display: none;
	background:#fff;
	background:rgba(0,0,0,.65) url(../../../images/common/t.gif) no-repeat center center;
}

.YP-OVERLAY .close{
	position: absolute;
	right:0px;
	top:0px;
	display: block;
	width: 46px;
	height: 46px;
	background-repeat: no-repeat;
	cursor: pointer;
}

.YP-LOGIN-SHOW{
	display: block;
	animation: anim-login .3s ease-out alternate forwards;
	-webkit-animation: anim-login .3s ease-out alternate forwards;
	-o-animation: anim-login .3s ease-out alternate forwards;
	-moz-animation: anim-login .3s ease-out alternate forwards;
	-ms-animation: anim-login .3s ease-out alternate forwards;
}

.YP-OVERLAY-SHOW{
	display: block;
	animation: anim-overlay .3s ease-out alternate forwards;
	-webkit-animation: anim-overlay .3s ease-out alternate forwards;
	-o-animation: anim-overlay .3s ease-out alternate forwards;
	-moz-animation: anim-overlay .3s ease-out alternate forwards;
	-ms-animation: anim-overlay .3s ease-out alternate forwards;
}

@keyframes anim-login{
	from {
		-webkit-transform: translate3d(0,-100px,0);
		-ms-transform: translate3d(0,-100px,0);
		-o-transform: translate3d(0,-100px,0);
		transform: translate3d(0,-100px,0);
		opacity: 0;
	}
	to {
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		-o-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		opacity: 1;
	}
}

@-moz-keyframes anim-login{
	from {
		-webkit-transform: translate3d(0,-100px,0);
		-ms-transform: translate3d(0,-100px,0);
		-o-transform: translate3d(0,-100px,0);
		transform: translate3d(0,-100px,0);
		opacity: 0;
	}
	to {
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		-o-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		opacity: 1;
	}
}

@-webkit-keyframes anim-login{
	from {
		-webkit-transform: translate3d(0,-100px,0);
		-ms-transform: translate3d(0,-100px,0);
		-o-transform: translate3d(0,-100px,0);
		transform: translate3d(0,-100px,0);
		opacity: 0;
	}
	to {
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		-o-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		opacity: 1;
	}
}

@-o-keyframes anim-login{
	from {
		-webkit-transform: translate3d(0,-100px,0);
		-ms-transform: translate3d(0,-100px,0);
		-o-transform: translate3d(0,-100px,0);
		transform: translate3d(0,-100px,0);
		opacity: 0;
	}
	to {
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		-o-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		opacity: 1;
	}
}

@keyframes anim-overlay{
	form{
		opacity: 0;
	}
	to{
		opacity: 1;
	}
}

@-moz-keyframes anim-overlay{
	form{
		opacity: 0;
	}
	to{
		opacity: 1;
	}
}

@-o-keyframes anim-overlay{
	form{
		opacity: 0;
	}
	to{
		opacity: 1;
	}
}

@-weikit-keyframes anim-overlay{
	form{
		opacity: 0;
	}
	to{
		opacity: 1;
	}
}
@-ms-keyframes anim-overlay{
	form{
		opacity: 0;
	}
	to{
		opacity: 1;
	}
}